<main class="app-content">
  <div class="countasset">
    <div class="assetbox">
      <h5>总资产</h5>
      <span>总数：{{assetsnumber}}个</span>
      <span>价格：{{assetsPrice}}元</span>
    </div>
    <div class="assetbox">
      <h5>闲置资产</h5>
      <span>总数：{{idlenumber}}个</span>
      <span>价格：{{idlePrice}}元</span>
    </div>
    <div class="assetbox">
      <h5>使用中资产</h5>
      <span>总数：{{usenumber}}个</span>
      <span>价格：{{usePrice}}元</span>
    </div>
    <div class="assetbox">
      <h5>维修资产</h5>
      <span>总数：{{repairnumber}}个</span>
      <span>价格：{{repairPrice}}元</span>
    </div>
    <div class="assetbox">
      <h5>报废资产</h5>
      <span>总数：{{abondonnumber}}个</span>
      <span>价格：{{abondonPrice}}元</span>
    </div>
  </div>
  <div id="bar" style="width: 100%;height:400px;" *ngIf="isAdmin || isGuest"></div>
  <!--<table mat-table [dataSource]="assetsnames | paginate: {itemsPerPage: pageSize, currentPage: Page, totalItems: total}" [trackBy]="trackById" class="table-bordered">-->
    <!--<ng-container matColumnDef="assetname">-->
      <!--<th mat-header-cell *matHeaderCellDef>资产名称</th>-->
      <!--<td mat-cell *matCellDef="let row">{{ row.assetName}}</td>-->
    <!--</ng-container>-->

    <!--<ng-container matColumnDef="assetnum">-->
      <!--<th mat-header-cell *matHeaderCellDef>资产数量</th>-->
      <!--<td mat-cell *matCellDef="let row ">-->
        <!--{{ row.assetNum }}-->
      <!--</td>-->
    <!--</ng-container>-->

    <!--&lt;!&ndash;对应列名List.ts中定义&ndash;&gt;-->
    <!--<tr mat-header-row *matHeaderRowDef="cols"></tr>-->
    <!--<tr mat-row *matRowDef="let data; columns: cols"></tr>-->
  <!--</table>-->
  <!--<app-pagination-->
    <!--(pageChange)="onPageChanged($event)"-->
    <!--[maxSize]="9"-->
    <!--[isShowInput]="true"-->
    <!--[isShowPage]="true"-->
    <!--[isMiniMode]="false"-->
    <!--[total]="total"-->
  <!--&gt;-->
  <!--</app-pagination>-->
</main>
